<template>
  <div class="demo-input-suffix">
    <el-input v-model="input4" class="w-50 m-2" placeholder="Type something">
      <template #prefix>
        <svg
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 32 32"
        >
          <path
            fill="currentColor"
            d="M14.667 4c5.891 0 10.667 4.776 10.667 10.667 0 2.464-0.836 4.734-2.239 6.54l4.448 4.45-1.886 1.886-4.451-4.448c-1.806 1.404-4.075 2.239-6.54 2.239-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667zM14.667 6.667c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.418 0 8-3.582 8-8s-3.582-8-8-8z"
          ></path>
        </svg>
      </template>
    </el-input>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const input4 = ref('');
</script>
